<!-- directive:title 半透明背景图 -->
<!-- directive:breadcrumb 半透明背景图 -->
<div class='panel-body'>
    <style type='text/css' ui-bs>
        .box1{
            background: url(../../images/bg.spring.jpg); background-position: center; background-attachment: fixed;
            position: relative; height: 400px; width: 100%;
        }
        .box1 > *{ z-index: 10; color: #fff; position: relative; }
        .box1:after {
            content: ""; display: block;
            position: absolute; z-index: 2; bottom: 0; left: 0; top: 0; right: 0;
            background: #2b252b; opacity: .8;
        }.box1
    </style>
    <div class="box1">
        <p>asdasdfasdfasdfasdfasdf</p>
        <p>asdasdfasdfasdfasdfasdf</p>
        <p>asdasdfasdfasdfasdfasdf</p>
        <p>asdasdfasdfasdfasdfasdf</p>
    </div>
</div>